<template>
  <div id="app">
    <router-view/>
    <tabs></tabs>
  </div>
</template>

<script>
import tabs from "./components/tabs.vue"

export default {
  name: 'App',
  components:{
  	[tabs.name]:tabs
  }
}
</script>

<style>
html,body,#app{
	width: 100%;
	height: 100%;
}
*{margin: 0;padding: 0;}
li{
	list-style: none;
}
a{
	text-decoration: none;
}
.page{
	/*高度要固定设置定位absolute，top值，bottom值*/
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	bottom: 49px;
	background: #fff;
}
.slide-enter,.slide-leave-to{
	transform: translateX(100%);
}
.slide-enter-active,.slide-leave-active{
	transition: transform 200ms;
}
</style>
